<template>
    <div class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" data-toggle="collapse" data-target=".navbar-collapse" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> 
               <router-link to="/home" class="navbar-brand hidden-sm">禾火博客</router-link>
            </div> 
            <div role="navigation" aria-expanded="false" class="navbar-collapse collapse" style="height: 1px;">
                <ul class="nav navbar-nav">
                    <li class="hidden-sm hidden-md">
                        <router-link to="/home">首页</router-link>
                    </li> 
                    <li>
                        <router-link to="/film">电影推荐</router-link>
                    </li> 
                    <li>
                        <router-link to="/book">开发资源</router-link>
                    </li> 
                    <li>
                        <router-link to="/resouse">站长作品</router-link>
                    </li> 
                    <li>
                        <router-link to="/life">生活琐事</router-link>
                    </li>
                </ul> 
                <ul class="nav navbar-nav navbar-right hidden-sm">
                    <li></li> 
                    <li></li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  data () {
    return {
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
